<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:output method="html" omit-xml-declaration="yes"/>
    <xsl:template match="/">
        <html>
            <head>
              <link rel="stylesheet" type="text/css" href="css/screen.css" /> 
              <title>Chupacabra :: New Employee</title>
            </head>
            <body>
                <div id="header">
                  <ul>
                    <li class="inactive"><a href="/peaa/jobs.htm">Jobs</a></li>
                    <li class="inactive"><a href="/peaa/departments.htm">Departments</a></li>
                    <li class="inactive"><a href="/peaa/employees.htm">Employees</a></li>
                  </ul>
                </div>
                <div class="clear" />
                <div class="error"><xsl:value-of select="employee_new/error_message" /></div>
                <div id="content">
                <h1>Employee Details</h1>  
                <form name="employee_new" method="post">
                  <fieldset class="employee_new">
                    <div>
                      <label>First name</label>
                      <input type="text" name="first_name"></input>
                    </div>
                    <div class="clear" />
                    <div>
                      <label>Last name</label>
                      <input type="text" name="last_name"></input>
                    </div>
                    <div class="clear" />
                    <div>
                      <label>Email</label>
                      <input type="text" name="email"></input>
                    </div>
                    <div class="clear" />
                    <div>
                      <label>Phone</label>
                      <input type="text" name="phone"></input>
                    </div>
                    <div class="clear" />
                    <div>
                      <label>Hire Date</label>
                      <input type="text" name="hire_date"></input>
                    </div>
                    <div class="clear" />
                    <div>
                      <label>Job Id</label>
                      <select name="job_id">
                        <xsl:for-each select="employee_new/jobs/job">
                          <option>
                            <xsl:attribute name="value"><xsl:value-of select="id" /></xsl:attribute>
                            <xsl:value-of select="title" />
                          </option>
                        </xsl:for-each>
                      </select>
                    </div>
                    <div class="clear" />
                    <div>
                      <label>Salary</label>
                      <input type="text" name="salary"></input>
                    </div>
                    <div class="clear" />
                    <div>
                      <label>Commission point</label>
                      <input type="text" name="commission_pct"></input>
                    </div>
                    <div class="clear" />
                    <div>
                      <label>Manager Id</label>
                      <input type="text" name="manager_id"></input>
                    </div>
                    <div class="clear" />
                    <div>
                      <label>Department Id</label>
                      <input type="text" name="department_id"></input>
                    </div>
                    <br />
                    <input type="submit" value="Save" />
                    <input type="button" value="Employees" onclick="window.location='employees.htm'"/>
                  </fieldset>
                </form>
                </div>
            </body>
        </html>
    </xsl:template>
</xsl:stylesheet>